<template>
  <a-card>
    <a-tabs>
      <a-tab-pane key="hotel" :tab="$t('hotel_info')">
        <hotel-info ref="hotelinfo" :hotel-id="this.$route.params.hotelId" />
      </a-tab-pane>
      <a-tab-pane key="room" :tab="$t('room_info')">
        <room-list ref="roomlist" :hotel-id="this.$route.params.hotelId" />
      </a-tab-pane>
      <a-tab-pane key="roomMap" :tab="$t('room_map')">
        <room-map ref="roommap" :hotel-id="this.$route.params.hotelId" />
      </a-tab-pane>
      <a-tab-pane key="supplierhotel" :tab="$t('supplier')">
        <supplier-hotel ref="supplierhotel" :hotel-id="this.$route.params.hotelId"/>
      </a-tab-pane>
      <a-tab-pane key="supplierroom" :tab="$t('supplier') + $t('room')">
        <supplier-room ref="supplierroom" :hotel-id="this.$route.params.hotelId"/>
      </a-tab-pane>
      <a-tab-pane key="distributorHotel" :tab="$t('distributor')">
        <distributor-hotel ref="distributorHotel" :hotel-id="this.$route.params.hotelId"/>
      </a-tab-pane>
      <a-tab-pane key="orderlist" :tab="$t('hotel_order')">
        <order-list ref="orderlist" :hotel-id="this.$route.params.hotelId" />
      </a-tab-pane>
      <a-tab-pane key="log" :tab="$t('log')">
        <update-log ref="updateLog" :business-id="this.$route.params.hotelId" :log-type="1" />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import HotelInfo from './hotelinfo'
import RoomList from './roomlist'
import RoomMap from './roommap'
import UpdateLog from '../updatelog/list'
import SupplierHotel from './supplierhotel'
import SupplierRoom from './supplierroom'
import DistributorHotel from './distributorhotel'
import OrderList from './orderlist'

export default {
  name: 'Hotel',
  components: {RoomList, HotelInfo, RoomMap, UpdateLog, SupplierHotel, SupplierRoom, DistributorHotel, OrderList},
  i18n: require('../i18n'),
  data() {
    return {
      loading: false,
    }
  },
}

</script>
